<template>
	<view class="chat-container">
		<view class="chat-main">
			<image src="../../static/客服.png" mode=""></image>
			<text>职业顾问:<text>张小妹</text></text>
			<text>专业服务诚信做人诚信做事！</text>
			<button size="mini" style="width: 55%;background-color: #2a3177;color: #FFFFFF;font-size: 16px;margin-top: 10px;">我要聊天</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.chat-container{
	height: 100%;
	background-color: #f4f3f8;
	display: flex;
	justify-content: center;
	align-items: center;
	.chat-main{
		width: 75%;
		height: 50%;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		line-height: 30px;
		image{
			width: 150rpx;
			height: 150rpx;
		}
	}
}
</style>
